<script setup>
import { ref, onMounted, onUnmounted } from 'vue'
import Son1 from './components/Son1.vue'
import Son2 from './components/Son2.vue'
import Son3 from './components/Son3.vue'
import { hangxianInit, hangxianClear } from './js/hangxian'
import LegendLines from './components/LegendLines.vue'
import HangxianPop from './pop/HangxianPop.vue'
import { usePopStore } from '@/stores'
const popStore = usePopStore()
onMounted(() => {
  hangxianInit()
  __g.customObject.clear()
})
onUnmounted(() => {
  __g.reset(1)
  hangxianClear()
  popStore.Hangxian.showPop = false
})
</script>

<template>
  <RightBox>
    <Son1 />
    <Son2 />
    <Son3 />
  </RightBox>
  <LegendLines />
  <HangxianPop />
</template>
<style scoped lang="scss"></style>
